<template>
  <div class="zt-item">
    <h3>智投工具45天</h3>
    <ul class="item-content">
      <li>
        <p>
          <span>8</span>%
          <span>
            +0.80%
            <i></i>
          </span>
          <i></i>
        </p>
        <p>参考年化</p>
      </li>
      <li>
        <p>1000元</p>
        <p>起诉金额</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  },
  components: {},
  mounted() {},
  methods: {}
};
</script>

<style lang='scss' scoped>
p {
  margin: 0;
  padding: 0;
}
.zt-item {
  background: #ffffff;
  padding: 0.05rem 0.15rem 0.15rem;
  & > h3 {
    padding-left: 0.2rem;
    background: url("../../public/images/lanrenzhitou.png") no-repeat left
      center;
    background-size: 0.13rem 0.13rem;
    color: #444f4f;
    height: 0.31rem;
    line-height: 0.31rem;
    border-bottom: 1px solid #eeeeee;
    font-size: 0.15rem;
  }
  & > ul {
    display: flex;
    padding-top: 0.2rem;
    & > li {
      width: 50%;
      & > p:nth-of-type(2) {
        line-height: 0.23rem;
        color: #9d9fb0;
        font-size: 0.12rem;
      }
      &:nth-of-type(1) {
        & > p:nth-of-type(1) {
          color: #fd5e5e;
          font-size: 0.14rem;
          line-height: 0.2rem;
          span:nth-of-type(1) {
            font-size: 0.2rem;
          }
          span:nth-of-type(2) {
            position: relative;
            font-size: 0.13rem;
            & > i {
              position: absolute;
              width: 0.51rem;
              height: 0.22rem;
              background: url("../../public/images/extra_bg.png") no-repeat
                center center;
              background-size: 0.51rem 0.22rem;
              top: -22px;
              left: 0px;
            }
          }
          & > i {
            display: inline-block;
            height: 0.13rem;
            width: 0.13rem;
            background: url("../../public/images/notice_blue_icon.png")
              no-repeat center center;
            background-size: 0.13rem 0.13rem;
            margin-left: 0.05rem;
          }
        }
      }
      &:nth-of-type(2) {
        padding-left: 0.15rem;
        height: 0.44rem;
        border-left: 1px solid #eeeeee;
        p:nth-of-type(1) {
          color: #444f4f;
          font-size: 0.17rem;
        }
      }
    }
  }
}

</style>